<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header class="title">个人资料<span class="iconfont icon-return" id="meReturn"></span></header>

    <!-- 主体 -->
    <main>
        <!-- 头像 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>更换头像</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                <img src="../imgs/null.png" alt="" width="80px" height="80px" style="border-radius: 50%;" id="img">
                <input type="file" id="imgUrl" style="display: none;">
            </span>
        </a>
        <!-- 昵称 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>昵称</b>
            </span>
            <div class="weui-cell__bd weui-flex">
                <input id="nickname" class="weui-input" type="text" placeholder="请输入昵称" style="text-align: right;" />
            </div>
        </a>
        <!-- 性别 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:"
            id="sexPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>性别</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="sex">
                请选择
            </span>
        </a>
        <!-- 生日 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:"
            id="birthdayPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>生日</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="birthday">
                请选择
            </span>
        </a>
        <!-- 省份 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:"
            id="proPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>省份</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="pro">
                请选择
            </span>
        </a>
        <!-- 城市 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:"
            id="cityPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>城市</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="city">
                请选择
            </span>
        </a>
        <!-- 个性签名 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b style="border-bottom: none;">个性签名</b>
            </span>
        </a>
        <div class=" weui-cell_active" style="padding: 16px;">
            <div class="weui-cell__bd">
                <textarea id="sign" class="weui-textarea" placeholder="多行输入" rows="3"
                    style="background-color: #e8e8e8; height: 140px; padding: 5px; font-size: 14px;"
                    maxlength="35"></textarea>
                <div role="option" aria-live="polite" class="weui-textarea-counter" style="background-color: #e8e8e8;">
                    <span id="signNum">0</span>/35字</div>
            </div>
        </div>
        <div class="sub dpflex"><button id="submitBtn">保存信息</button></div>
    </main>
</body>

</html>